<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>京东</title>
    <link href="css/font-awesome.min.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />
    <script src="js/jquery-3.6.0.js"></script>
    <script src="js/shoppingcar.js"></script>
  </head>

  <body>
    <header></header>
    <div class="content">
      <div class="t-head"><h4>全部商品</h4></div>
      <div class="sct">
        <div class="thead">
          <div><input type="checkbox" class="selectAll" /></div>
          <div>全选</div>
          <div>商品</div>
          <div>单价</div>
          <div>数量</div>
          <div>小计</div>
          <div>操作</div>
        </div>
        <div id="listBox"></div>
        <div class="countBox">
          <div><input type="checkbox" class="selectAll" /></div>
          <div>全选&emsp;<a href="#" id="delcheck">删除选中的商品</a></div>
          <div>
            <span class="gray">总价:</span> ￥<span id="totalprice">0.00</span>
          </div>
          <div>去结算</div>
        </div>
      </div>
    </div>
    <div class="p-head">
      <h5>猜你喜欢</h5>
    </div>
    <div class="productsBox">
      <div class="product">
        <img src="img/product1.jpg" height="100" />
        <p>
          新品华为笔记本MateBook D 14/15 轻薄本商务办公本笔记本电脑学生 D15
          i5-10210U 16 512G独显灰
        </p>
        <div>¥5239.00</div>
        <button onclick="add(1)">
          <i class="fa fa-shopping-cart" aria-hidden="true"></i> 加入购物车
        </button>
      </div>
      <div class="product">
        <img src="img/product2.jpg" height="100" />
        <p>
          新款Huawei/华为折叠手机mates xs
          5g版大屏双屏全面屏双面屏官方旗舰店对折手机可折叠屏 Mate XS折叠
        </p>
        <div>¥20980.00</div>
        <button onclick="add(2)">
          <i class="fa fa-shopping-cart" aria-hidden="true"></i> 加入购物车
        </button>
      </div>
      <div class="product">
        <img src="img/product3.jpg" height="100" />
        <p>
          华为智慧屏V55i-A 55英寸 HEGE-550 4K超薄全面屏液晶电视机 多方视频通话
          AI升降摄像头 4GB+64GB 星际黑
        </p>
        <div>¥3999.00</div>
        <button onclick="add(3)">
          <i class="fa fa-shopping-cart" aria-hidden="true"></i> 加入购物车
        </button>
      </div>
      <div class="product">
        <img src="img/product4.jpg" height="100" />
        <p>
          华为荣耀智能手表WATCH Magic运动男女2Pro手环定位NFC支付
          陶瓷版（流沙杏）
        </p>
        <div>¥699.00</div>
        <button onclick="add(4)">
          <i class="fa fa-shopping-cart" aria-hidden="true"></i> 加入购物车
        </button>
      </div>
    </div>
    <footer></footer>
  </body>
</html>
